<!DOCTYPE html>
<html>
    <head>
        <title><?php echo $title; ?></title>

        <meta charset="utf-8">
        <!-- Defining the charset in HTML4 -->
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

        <!-- Style Page -->
        <link type="text/css" href="<?php echo base_url(); ?>css/navi.css" rel="stylesheet"/>
        <link type="text/css" href="<?php echo base_url(); ?>css/estilo.css" rel="stylesheet"/>

        <!-- JQUERY UI -->
        <link type="text/css" href="<?php echo base_url(); ?>css/smoothness/jquery-ui-1.10.3.custom.css" rel="Stylesheet" /> 
        <script type="text/javascript" src="<?php echo base_url(); ?>js/jquery-1.8.3.js"></script>
        <script type="text/javascript" src="<?php echo base_url(); ?>js/jquery-ui-1.9.2.custom.js"></script>

        <!-- Formato Datatable -->

        <!-- Plugins -->
        <!-- Alerts -->
        <link type="text/css" href="<?php echo base_url(); ?>/css/plugins/apprise.css" rel="stylesheet"/>
        <script type="text/javascript" src="<?php echo base_url(); ?>js/plugins/apprise-1.5.full.js"></script>

        <!-- Layout -->
        <script type="text/javascript" src="<?php echo base_url(); ?>js/plugins/jquery.layout.js"></script>
        
        <!-- Notification Pines -->
        <link type="text/css" href="<?php echo base_url();?>js/plugins/jPnotify/jquery.pnotify.default.css" rel="stylesheet"/>
        <link type="text/css" href="<?php echo base_url();?>js/plugins/jPnotify/styleIcon/jquery.pnotify.default.icons.css" rel="stylesheet"/>
        <script type="text/javascript" src="<?php echo base_url();?>js/plugins/jPnotify/jquery.pnotify.js"></script>
        
        <!-- Pagination -->
        <script type="text/javascript" src="<?php echo base_url();?>js/plugins/jquery.tablePagination.0.5.js"></script>
        
        <!-- layout -->
        <script type="text/javascript" scr="<?php echo base_url();?>js/plugins/jquery.layout.js"></script>

        <!-- Dynatree -->
        <link type="text/css" href="<?php echo base_url();?>js/plugins/dynatree-1.2.4/src/skin/ui.dynatree.css" rel="stylesheet"/>
        <script type="text/javascript" src="<?php echo base_url();?>js/plugins/dynatree-1.2.4/src/jquery.dynatree.js"></script>

     
       <!-- AjaxForm -->
       <script type="text/javascript" src="<?php echo base_url();?>js/plugins/jquery.form.min.js"></script>


       <!-- Jtable -->
       <link type="text/css" href="<?php echo base_url();?>js/plugins/jtable.2.3.0/themes/metro/darkgray/jtable.css" rel="stylesheet"/>
       <script type="text/javascript" src="<?php echo base_url();?>js/plugins/jtable.2.3.0/jquery.jtable.js"></script>

        <!--jQueryWidgets -->
        <script type="text/javascript" src="<?php echo base_url();?>js/plugins/jqwidget/jqxcore.js"></script>
        <script type="text/javascript" src="<?php echo base_url();?>js/plugins/jqwidget/jqxbuttons.js"></script>
        <script type="text/javascript" src="<?php echo base_url();?>js/plugins/jqwidget/jqxscrollbar.js"></script>
        <script type="text/javascript" src="<?php echo base_url();?>js/plugins/jqwidget/jqxpanel.js"></script>
        <script type="text/javascript" src="<?php echo base_url();?>js/plugins/jqwidget/jqxtree.js"></script>
        <script type="text/javascript" src="<?php echo base_url();?>js/plugins/jqwidget/jqxcheckbox.js"></script>
        <script type="text/javascript" src="<?php echo base_url();?>js/plugins/jqwidget/jqxnavigationbar.js"></script>
        <link rel="stylesheet" href="<?php echo base_url();?>js/plugins/jqwidget/styles/jqx.base.css" type="text/css" />

        <!--BootStrap -->
        <script type="text/javascript" src="<?php echo base_url();?>bootstrap/js/bootstrap.js"></script>
        <link type="text/css" href="<?php echo base_url();?>bootstrap/css/bootstrap.css" rel="stylesheet"/>
        



        <!-- Openlayers -->
        <script type="text/javascript" src="<?php echo base_url(); ?>js/OpenLayers/OpenLayers.js"></script>
        <link type="text/css" href="<?php echo base_url(); ?>js/OpenLayers/theme/default/style.css" rel="stylesheet"/>
               
         <!-- Configuration global-->
         <script type="text/javascript" src="<?php echo base_url();?>js/functions/script_config.js"></script>

       
        
        <script>    
        var base_url="<?php echo base_url();?>";
        
        </script>
        <script type="text/javascript">
          $(document).ready(function(e)
          {
           
            $('ul.subnavegador').hide();

              $("a.desplegable").toggle(
                function() {
                    console.log("informaicon1");
                  $(this).parent().find("ul.subnavegador").slideDown('fast');
                 },
                function() {
                    console.log("informaion2");
                  $(this).parent().find("ul.subnavegador").slideUp('fast');
                }                
               ); 

            });

          
    
        </script>
    

    </head>
    <body>

        <!-- Se carga el menu correspondiente -->     
        <?php echo $menu_header; ?>      


